<template>
  <div id="Topic">
  <div id="middle-nav">
    <ul>
      <li>当前位置:</li>
      <li>首页</li>
      <li>></li>
      <li>主题</li>
    </ul>
  </div>
  <div id="content">
    博主暂时还想到有什么好的主题，各位若有好的想法，可以在发表页发表说说进行留言哦！！！博主定然用心思考采纳！！
  </div>
  <!-- <div id="load">点击我加载更多</div> -->
</div>
  

</template>

<script>
  export default {
    name: "topic",

  };
</script>

<style scoped>
  #middle-nav {
        background-color: white;
        color: gray;
    }

    #middle-nav>ul {
        vertical-align: middle;
    }

    #middle-nav>ul>li {
        float: left;
        margin: 10px 0 10px 10px;

    }

    #middle-nav>ul>li:first-child {
        padding-right: 10px;
        padding-left: 10px;
    }

    #content {
        width: 590px;
        height: 800px;
        margin-top: 5px;
        background-color: white;
    }
    #load {
  width: 590px;
  height: 40px;
  margin-top: 5px;
  background-color: white;
  text-align: center;
  line-height: 40px;
}
 
</style>